<template>
  <div class="login">
      <h1>智慧医疗</h1>
      <div class="log">
          <p>
              <span>账号：</span>
              <input type="text" placeholder="请输入账号">
          </p>
          <p>
              <span>密码：</span>
              <input type="text" placeholder="请输入密码">
          </p>
          <p>
              <button @click="login_ok()">登录</button>
              <a href="#">注册</a>
          </p>
      </div>
  </div>
</template>

<script>
export default {
    methods:{
        login_ok(){
            this.$router.push('/index/home')
        }
    }
}
</script>

<style lang="scss" scoped>
    .login{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: rgb(65, 108, 247);
        h1{
            margin: 40px 0;
        }
        .log{
            padding: 10px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-around;
            background: #fff;
            border-radius: 5px;
            p{
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin: 20px 0;
                input{
                    border: 1px solid #ccc;
                    height: 30px;
                }
                button{
                    width: 100px;
                    height: 40px;
                    background: #3467f3;
                    border: none;
                    color: #fff;
                    margin-top: 20px;
                }
                a{
                    margin: 20px 0 0 30px;
                    color: rgb(100, 151, 245);
                }
            }
            // .pp{
            //     display: flex;
            //     align-items: center;
            //     justify-content: space-between
            // }
        }
    }
</style>